<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>

    /* 
      1 因为文件上传 操作文件 不是简单字符串！！   formdata
      2 FormData 也是js中一个内置对象 
        1 需要new出来 
     */


    //  1 创建对象
    const formData = new FormData();

    // 2 通过append 方法 来添加数据 
    // 键值对的格式！！！ 
    formData.append("abc", 123);
    formData.append("def", 456);

    // 3 打印这个对象 --   不是普通的obj
    // console.log({ name: "悟空" });
    console.log(formData);

    // // 3 想要查看 formData key 和 value  循环来查看
    formData.forEach((value, key) => {
      console.log(key, value);
    })

  </script>
</body>

</html>